html,
body {
	width: 100%;
	height: 100%;
}

body {
	background-image: url(../img/background_png.png);
	background-image: no-repeat;
	background-size: 100% 100%;
}

#a1 {
	
	width: 320px;
	height: 90px;
	font-size: 33px;
	color: yellow;
	background: url(../img/bg_status.png) 0px 0px;
	background-size: 100% 100%;
	float: left;
	/* display: inline-block; */
}
#a1 span{
	float: left;
}
#a1 p{
	margin-left: 80px;
	float: left;
	
}
#a2 {
	width: 320px;
	height: 90px;
	
	background: url(../img/bg_status.png) 0px 0px;
	background-size: 100% 100%;
	float: left;
	/* display: inline-block; */
}
#a3{
	width: 320px;
	height: 90px;
	background: url(../img/bg_status.png) 0px 0px;
	background-size: 100% 100%;
	float: left;
	/* display: inline-block; */
}

#a4 {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 90px;
	height: 77px;
	color: #FFFFFF;
	line-height: 80px;
	background-image: url(../img/icon_rank.png);
	background-size: 100% 100%;
	
}
.a5{
	top:1px;
	left:3px;
	color: yellow;
	position: absolute;
}
.top{
	height: 90px;
}

